<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>会员中心</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_q9xrtmlc8gp.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
    <style>
        .clock-btn{display:block;width:100px;height:100px;border-radius:50%;margin:30px auto;padding:30px 0;box-shadow:5px 5px 10px rgba(35,198,200,0.2)}
        .clock-btn .tit{font-size:18px;line-height:20px;}
        .clock-btn .time{font-size:14px;line-height:20px;display:block;}
        .member-number{padding:20px 0;font-size:14px;color:#989898;}
        .member-number h2{font-weight:500;margin-bottom:10px;}
    </style>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header-box">
        <div class="mc-header bg-black" style="background-color:#00ab99!important;">
            <a href="javascript:;" onclick="api.closeWin();" class="head-icon">
                <i class="iconfont icon-arrow-left"></i>
            </a>
            <div class="main-box head-title text-left">
                会员中心
            </div>
            <a href="goods_buy_add.html" class="head-icon">
            </a>
        </div>
    </div>
    <div class="mc-scrollview">
        <div class="mc-member-header">
            <div class="mc-flex-box">
                <div class="head-img">
                    <img src="../../image/a9.jpg" alt="">
                </div>
                <div class="member-info">
                    <h3 class="name">魏小红</h3>
                    <p>万达广场门店 销售员</p>
                </div>
            </div>
        </div>
        <ul class="mc-avg-sm-3 member-number">
            <li>
                <div class="text-center">
                    <h2 class="text-color-6">142.80</h2>
                    今日销量
                </div>
            </li>
            <li>
                <div class="text-center">
                    <h2 class="text-color-6">849.80</h2>
                    本周销量
                </div>
            </li>
            <li>
                <div class="text-center">
                    <h2 class="text-color-6">4672.80</h2>
                    本月销量
                </div>
            </li>
        </ul>
        <div class="mc-split-line bg-gray"></div>
        <div class="mc-index-title">
            今日工作
        </div>
        <div class="mc-timeline">
            <ul class="mc-timeline-content">
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">下班打卡</p>
                    <span class="time">16:24</span></li>
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">库间调拨</p>
                    <span class="time">14:25</span></li>
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">商品入库</p>
                    <span class="time">11:44</span></li>
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">录入客户信息</p>
                    <span class="time">09:10</span></li>
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">商品销售,收款￥329.00</p>
                    <span class="time">08:40</span></li>
                <li class="timeline-item">
                    <em class="timeline-icon"></em>
                    <p class="title">上班打卡</p>
                    <span class="time">07:40</span></li>
            </ul>
        </div>
        <a href="javascript:;" class="btn btn-info clock-btn">
            <span class="tit">上班打卡</span>
            <span class="time" id="time1"></span>
        </a>
    </div>
    <div class="mc-footer-box">
        <div class="weui-tabbar">
            <a href="javascript:;" onclick="api.closeWin();" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-yduipaibanleixingduicheng"></i>
                </div>
                <p class="weui-tabbar__label">工作台</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-xiaoxi"></i>
                </div>
                <p class="weui-tabbar__label">工作群</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
                <div class="weui-tabbar__icon">
                    <i class="iconfont icon-huiyuan1"></i>
                </div>
                <p class="weui-tabbar__label">我的</p>
            </a>
        </div>
    </div>
</section>
<script>
    /**
     *
     * 获取当前时间
     */
    function p(s) {
        return s < 10 ? '0' + s: s;
    }
    function mytime(){
        var myDate = new Date();
        var h=myDate.getHours();       //获取当前小时数(0-23)
        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
        var s=myDate.getSeconds();
        var now=p(h)+':'+p(m)+":"+p(s);
        document.getElementById("time1").innerHTML = now;
    }
    setInterval(function() {mytime()},1000);
</script>
</body>
</html>